<!--
/**
* @description 通用规则
* @author dirtyclean
* @date 2020-06-01
*/
-->
<template>
  <div class="generalRules">
    <a-tabs default-active-key="1"
            v-model="type">
      <a-tab-pane key="1"
                  tab="国网总表">
        <TabContent inputLabel="管控时段累计用电量/正常生产期间对应时段用电量≥"
                    :ruleType="type"
                    v-if="type === '1'">
          <template v-slot:descriptions>
            <h3>算法公式</h3>
            <p>对于停产管控企业，管控时段违规生产企业判断规则为:管控时段累计用电量/正常生产期间对应时段用电量≥10%的企业。</p>
            <p>对于限产管控企业，假定限产比例为C_ limit (即生产活动不超过生产能力的C_ limit倍，0≤C_ 1imit≤1)，管控时段违规生产企业判断规则为:管控时段累计用电量/正常生产期间对应时段用电量≥C_ limit的企业。</p>
            <p>区域/行业违规生产企业比例=统计范围内违规生产企业数/统计范围内总企业数*100%。</p>
          </template>
        </TabContent>
      </a-tab-pane>
      <a-tab-pane key="2"
                  tab="产排比例范围"
                  force-render>
        <TabContent inputLabel="排污设备用电量/产污设备用电量≥"
                    :ruleType="type"
                    v-if="type === '2'" />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
import { Tabs } from 'ant-design-vue'
import TabContent from './components/TabContent'
import { getDictData } from '@/request/api/common'
const { TabPane } = Tabs
export default {
  name: 'generalRules',
  data () {
    return {
      type: '1' // 1 国网总表 2 产排比例范围
    }
  },
  mounted () {
    this.getDictDataList()
  },
  components: {
    ATabPane: TabPane,
    ATabs: Tabs,
    TabContent
  },
  methods: {
    // 获取数据字典
    async getDictDataList () {
      const params = 'Y-0B-009'
      await getDictData(params).then(res => {
        if (res.code === '0') {
        }
      })
    }
  }
}
</script>
<style lang="scss">
.generalRules {
  background-color: #fff;
  height: 100%;
  padding: 20px;
  overflow-y: auto;
}
</style>
